<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>登录页面</title>
</head>

<body>
<h1>用户登录</h1>
用户名：<input name="userName" type="text" id="userName"><br>
密码：<input name="password" type="password" id="password"><br>
<input type="button" value="登录" onclick="login()">

<script src="js/jquery-3.7.1.min.js"></script>
<script>
    function login() {
      $.ajax({
        type : "post",
        url : "/user/login",
        data : {
          "userName" : $("#userName").val(),
          "password" : $("#password").val()
        },
        success : function(ret){
          if(ret == true){
            //跳转到index的页面
            location.href = "index.html";
          }else{
            //当前页面
            alert("密码错误");
          }
        }
      });
    }

  </script>
</body>

</html>